@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: Helvetica_Neue_LT_std;
    src: url("fonts/HelveticaNeueLTStd-ThCn.otf"),
         url("fonts/HelveticaNeueLTStd-ThCnO.otf");
}

* {-webkit-touch-callout:none; -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none;}
html{-webkit-text-size-adjust:none;}
img {border: 0 none; vertical-align: top; max-width:100%; height:auto; }
ul, li ,ol {list-style-type: none; padding:0px; }
h1, h2, h3, h4, h5, h6 {font-family:Noto Serif,serif, 'Microsoft Yahei' !important; font-weight: 300;}
body, input, select, button, textarea {font-size:14px;}
button {cursor: pointer; }
i, em, cite { font-style: normal; }
body {color: #000; line-height: 150%; font-family: Lato,sans-serif ,'Microsoft Yahei' !important;}
body.game {overflow:hidden;}
a:visited {}
a:active, a:hover {text-decoration: none;}
a:focus {outline: none;}
input[type="text"],input[type="password"] { height: 38px !important; line-height: 38px !important; border: #ddd 1px solid !important; padding: 0 10px !important; }
input[type="checkbox"] { display: inline-block; width: 12px; height: 12px; background: #cccccc; -webkit-appearance: none; margin-right: 5px; position: relative; }
input[type="checkbox"]:checked:before { content: "\f00c"; font-family: FontAwesome; font-size: 12px; -webkit-font-smoothing: antialiased; position: absolute; color: #000; }

.clear { clear: both; }
.tac { text-align: center; }
.pcpc { display: block; }
.mmmm { display: none; }
.mt0 { margin-top: 0px !important; }
.ml5 { margin-left: 5px !important; }
.blue { background: #f1f5f7; }
.flr { float: right; }
.submit { background: #08a8ff; color: #fff; width: 106px; height: 37px; line-height: 37px; text-align: center; font-size: 14px; border: none; margin-top: 40px; }
.uk-dropdown, .uk-dropdown-blank { width: 250px; }


/*@media (min-width: 768px) { .container { width: 1140px; } }*/

.top { background: #35383b; height: 56px; }
.top .phone { line-height: 56px; color: #fff; float: left; }
.top .phone * { vertical-align: middle; }
.top .phone i { color: #999; font-size: 26px; margin-right: 15px; }
.top .head_right_box { float: right; }
.top .head_right_box .head_input_box { background: #fff; color: #666; font-size: 12px; height: 26px; line-height: 26px; border-radius: 30px; padding: 0 10px; margin-top: 14px; margin-right: 20px; display: inline-block; position: relative; }
.top .head_right_box .head_input_box.cur { cursor: pointer; }
.top .head_right_box .head_input_box i { cursor: pointer; font-size: 15px; }
.top .head_right_box .head_input_box input[type="text"] { height: 26px !important; line-height: 26px !important; padding-left: 10px; width: 100px; background: none; border: none !important; outline:none; }
.top .head_right_box .head_input_box:last-child i { margin-right: 5px; }


.head { height: 100px; padding: 15px 0; text-align: left; background: #fff; }
.head a { display: inline-block; }
.head ul.nav { position: absolute; top: 5px; right:0;}
.head ul.nav>li { float: left; margin-right: 40px; font-size: 16px; color: #000; position: relative; }
.nav > li > a { padding: 0; color: #000; }
.head ul.nav > li i { color: #00aeeb; font-size: 7px; right: -15px; position: absolute; }
.head_m { display: none; }


#banner_swp_bp { background-image: url(../images/banner_prev_btn.png); width: 48px; height: 48px; background-size: 48px 48px; left: 72px; }
#banner_swp_bn { background-image: url(../images/banner_next_btn.png); width: 48px; height: 48px; background-size: 48px 48px; right: 72px; }
#banner_swp_pag .swiper-pagination-bullet { background: none; border: #fff 2px solid; width: 10px; height: 10px; opacity: 1; }
#banner_swp_pag .swiper-pagination-bullet-active { background: #fff; }


.content { padding: 30px 0 50px; }
.content.p0 { padding: 0; }
.container.white { background: #fff; padding: 50px 30px; position: relative; }
.row.mp { margin-left: 0px; margin-right: 0px; }
.content .content_event_box { position: relative; display: block; }
.content .content_event_box p { background: url(../images/pop_text.png); color: #fff; font-size: 20px; height: 63px; line-height: 63px; padding-left: 30px; width: 100%; box-sizing: border-box; margin-bottom: 0; position: absolute; bottom: 0; left: 0; text-transform:uppercase; font-weight: 300; }
.content .content_event_box p i { font-size: 22px; position: absolute; right: 20px; top: 0; }
.content .content_title { color: #00aeeb; font-size: 26px; margin-top: 20px; margin-bottom: 32px;  text-transform:uppercase;  }
.content .content_title.black { color: #333; font-size: 16px; }
.content_event_list_top { border-top: #cacaca 1px solid; height: 5px; background: #e9e9e9; }
.content .content_event_list_box .content_event_list_year_box { padding: 0 50px; margin-top: 23px; position: relative; }
.content .content_event_list_box .content_event_list_year_box.home { width: 50%; }
.content .content_event_list_box .content_event_list_year_box i { color: #00aeeb; cursor: pointer; }
.content .content_event_list_box .content_event_list_year_box #event_year_swp .swiper-slide { text-align: center; }
#month { height: 0px; overflow: hidden; margin-top: 0; }
#event_year_swp .swiper-slide a {  color: #00aeeb; font-size: 16px; height: 32px; line-height: 32px; width: 48px; display: inline-block; }
#event_year_swp .swiper-slide a.onthis,#event_year_swp .swiper-slide a:hover { color: #000; }
.content .content_event_list_box .content_event_list_year_box .content_event_list_year_left { position: absolute; left: 0; top: 5px; }
.content .content_event_list_box .content_event_list_year_box .content_event_list_year_right { position: absolute; right: 0; top: 5px; }
.content .content_event_list_box .content_event_list_month_box ul li { float: left; margin-right: 22px;  }
.content .content_event_list_box .content_event_list_month_box ul li:last-child { margin-right: 0px; }
.content .content_event_list_box .content_event_list_month_box ul li a { color: #00aeeb; }
.content .content_event_list_box .content_event_list_month_box ul li a.onthis,.content .content_event_list_box .content_event_list_month_box ul li a:hover { color: #000; }
.content .content_event_list_box .event_list_table { margin-top: 30px; }
.content .content_event_list_box .event_list_table.home { margin-bottom: 60px; }
.content .content_event_list_box .event_list_table tr:nth-child(odd) { background: #e9f1f5; }
.content .content_event_list_box .event_list_table tr td:first-child { color: #00aeeb; font-size: 30px; height: 80px; width: 110px; font-weight: 300; font-family: Arial; position: relative; padding-left: 25px; text-align: center; }
.content .content_event_list_box .event_list_table tr td:first-child.en { font-size: 18px; }
.content .content_event_list_box .event_list_table.home tr td:first-child { width: 15%; }
.content .content_event_list_box .event_list_table tr td:first-child i { font-size: 12px; margin: 0 15px; margin-right: 5px; position: absolute; left: 0; top: 50%; margin-top: -10px; }
.content .content_event_list_box .event_list_table tr td:first-child em { color: #00aeeb; font-size: 18px; display: block; }
.moblie_list_date { display: none; }
.content .content_event_list_box .event_list_table tr td:first-child * { vertical-align: middle; }
.content .content_event_list_box .event_list_table tr td:last-child { color:#5381ac; font-size: 16px; padding-left: 10px; }
.content .content_event_list_box .event_list_table tr td:last-child p { margin-bottom: 0px; color: #002857; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.content .content_event_list_box .event_list_table tr td:last-child span { overflow: hidden; text-overflow:ellipsis; white-space: nowrap; max-width: 400px; position: relative; top: 5px; display: inline-block; }
.content .news_index_box { position: relative; height: 380px; background: #f4f4f4; float: left; width: 50%; border-right: #fff 1px solid; }
.content .news_index_box .news_index_box_imgbox { width: 100%; height: 150px; overflow: hidden; }
.content .news_index_box .news_index_box_imgbox img { min-height: 150px; }
.content .news_index_box .news_index_box_content { padding: 20px; }
.content .news_index_box .news_index_box_content h3 { color: #009ddf; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 400; }
.content .news_index_box .news_index_box_content p { color: #676767; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }
.content .news_index_box .news_index_box_content .news_index_box_type { position: absolute; left: 0; bottom: 0; color: #7d7d7d; font-size: 12px; width: 100%; padding: 12px 20px 7px; }
.content .news_index_box .news_index_box_content .news_index_box_type span { display: block; border-top: #d7d7d7 1px solid; padding-top: 5px;  }
.news_container { position: relative; }
#news_index_swp_pag,#news_content_swp_pag { right: 0; top: -60px; }
#news_index_swp_pag .swiper-pagination-bullet,#news_content_swp_pag .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px; }
.events_review_container { float: none; width: 100%; }
.events_review_container .events_review_box { position: relative; max-height: 306px; overflow: hidden; }
.events_review_container.home .events_review_box { width: 25%; }
.events_review_container .events_review_box .events_review_detil { position: absolute; width: 100%; left: 0; top: 0; }
.events_review_container .events_review_box .events_review_detil .events_review_date { display: inline-block; width: 50px; height: 50px; font-size: 14px; text-align: center; background: #0d47a1; color: #fff; line-height: 15px; padding-top: 10px; }
.events_review_container .events_review_box .events_review_detil .events_review_date span { font-size: 9px; text-transform:uppercase; }
.events_review_container .events_review_box .events_review_detil p { color: #fff; padding: 0 20px; font-size: 20px; line-height: 22px; }
.content .in_eyes_box { position: relative; }
.content .in_eyes_box .in_eyes_box_content { background: url(../images/ineyes_text_bg.png) repeat-x; width: 100%; position: absolute; bottom: 0; left: 0; padding: 25px; max-height: 308px; overflow: auto; }
.content .in_eyes_box .in_eyes_box_content p { color: #fff; margin-bottom: 0; font-size: 20px; line-height: 22px; }
.content .download_center_box { background: #f1f5f7; }
.content .download_center_box.con { margin: 35px 0 0; }
.content .download_center_box img { border: #bdbdbd 1px solid; }
.content .download_center_box.con img { border: #bdbdbd 1px solid; width: 248px; height: 358px; }
.content .download_center_box .download_center_content { padding: 20px; }
.content .download_center_box .download_center_content p { color: #00aeeb; font-size: 16px; margin-bottom: 0px; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 45px; }
.content .download_center_box .download_center_content span { color: #666; font-size: 11px; }
.content .download_center_box .download_center_content .download_center_btns { background: #00aeeb; width: 95px; height: 35px; line-height: 35px; padding-left: 10px; color: #fff; display: inline-block; text-align: center; position: relative; margin-top: 25px; margin-bottom: 10px; border-radius: 5px; margin-right: 5px; }
.content .download_center_box .download_center_content .download_center_btns:last-child { background: #0d47a1; padding-left: 10px; }
.content .download_center_box .download_center_content .download_center_btns i { position: absolute; left: 5px; font-size: 14px; }
.content .download_center_bigbox { float: left; width: 50%; margin-top: 30px; position: relative; }
.content .download_center_bigbox .download_center_bigbox_con { position: absolute; left: 0; bottom: 0; width: 100%; padding: 40px; }
.content .download_center_bigbox .download_center_bigbox_con h1 { color: #fff; font-size: 34px; }
.content .download_center_bigbox .download_center_bigbox_con input[type="button"] { background: #fff; border: #009ddf 1px solid; width: 120px; height: 45px; line-height: 45px; text-align: center; color: #009ddf; font-size: 12px; border-radius: 5px; padding: 0; }
.content .monthly_member_box { background: #fafbfa url(../images/mm_right_arr.png) 98% center no-repeat; border: #e4e4e4 1px solid; position: relative; padding: 25px 0 35px 0; height: 172px; padding-left: 370px; padding-right: 50px; }
.content .monthly_member_box .mm_left_img { position: absolute; width: 321px; left: 0; top: 0; }
.content .monthly_member_box h3 { margin-top: 10px; }
.content .monthly_member_box p { font-size: 14px; color: #666; line-height: 20px; }
.logos_swp_box { padding: 0 50px; overflow: hidden; position: relative; }
#logos_swp .swiper-slide ul li { text-align: center; height: 70px; line-height: 70px; float: left; width: 20%; }
#logos_swp .swiper-slide ul li * { vertical-align: middle; }
.uk-breadcrumb>li>span { color: #0d47a1; }
.uk-breadcrumb>li:nth-child(n+2):before { display: none; }
.uk-breadcrumb>li:nth-child(n+2) span:before { content: "›"; font-size: 14px; color: #009ddf; margin: 0 5px; }
.article_title { margin-top: 40px; margin-bottom: 30px; }
.article_title h1 { font-size: 22px; color: #009ddf; margin-bottom: 0; }
.article_title p { color: #999; font-size: 14px; margin-top: 0px; }
.article_content { word-break: break-all; }
.article_content p { color: #666; font-size: 14px; word-break:normal; }
.article_content img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; display: block; margin: 0 auto; }
.news_article_container { padding: 60px 20px; }
.news_article_container .article_content .article_content_title { border-bottom: #d2d2d2 1px dashed; margin-bottom: 20px; }
.news_article_container .article_content .article_content_title h1 { color: #00aeeb; font-size: 30px; }
.news_article_container .article_content .article_content_title p { color: #999; }
.blue_bg_box { background: #f1f5f7; padding: 30px 25px; }
.blue_bg_box .news_index_box { background: #fff; }
.blue_bg_box #news_content_swp_pag { bottom: -25px; top: inherit; }
.content ul.news_list { margin: 0; }
.content ul.news_list li { padding: 20px 0; float: left; width: 100%; position: relative; border-bottom: #d7d7d7 1px dotted; }
.content ul.news_list li img { float: left; margin-right: 30px; width: 274px; height: 154px; }
.content ul.news_list li h1 { margin: 0; color: #009ddf; font-size: 18px; line-height: 22px; margin-bottom: 25px; }
.content ul.news_list li p { margin: 0; color: #676767; }
.content ul.news_list li span { font-size: 12px; color: #7d7d7d; position: absolute; bottom: 20px; }
.uk-pagination { margin-top: 50px; }
.content ul.uk-subnav.user_nav { border-bottom: #e5e5e5 1px solid; float: left; width: 100%; }
.content ul.uk-subnav.user_nav li { float: left; padding: 0 20px; cursor: pointer; }
.content ul.uk-subnav.user_nav li.uk-active { cursor: inherit; border-bottom: #0992fc 2px solid; padding-bottom: 5px; }
.content ul.uk-subnav.user_nav.el { border-bottom: none; width: auto; float: none; display: inline-block; }
.content ul.uk-subnav.user_nav.el li { padding: 0; margin: 0 40px; }
.content ul.uk-subnav.user_nav.el li .content_title { color: #999; margin-bottom: 0; }
.content ul.uk-subnav.user_nav.el li.uk-active .content_title { color: #00aeeb; }
.uesr_logo_box { padding: 20px 15px; background: #fff; box-shadow: 0px 0px 5px #ccc; width: 200px; height: 200px; margin-top: 50px; }
.user_info_box { float: left; width: 25%; border-bottom: #e5e5e5 1px solid; margin-top: 50px; margin-right: 25px; }
.user_info_box p { color: #666; font-size: 14px; margin-bottom: 0; }
.user_info_box h1 { color: #333; font-size: 14px; margin: 10px 0; line-height: 25px; }
.user_info_box h1.mb32 { margin-bottom: 32px; }
.user_info_box h1 input[type="text"] { width: 150px; height: 24px; line-height: 24px; }
.content .log_reg_box { width: 455px; margin: 0 auto; }
.content .log_reg_box h1 { color: #00aeeb; font-size: 28px; margin-bottom: 45px; }
.content .log_reg_box.chose { width: 720px; }
.content .logreg_input_box { margin-bottom: 25px; }
.content .logreg_input_box p { color: #666; font-size: 16px; font-style: italic; }
.content .logreg_input_box label { margin-right: 50px; }

.map_container { background: #0d47a1; padding: 45px 0 55px 0;}
.map_container .map_text_box { position: relative; height: 320px; }
.map_container .map_text_box h1 { font-size: 40px; color: #fff; border-bottom: #07306f 1px solid; padding-bottom: 25px; }
.map_container .map_text_box p { color: #fff; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.map_container .map_text_box strong { font-size: 26px; color: #fff; font-weight: normal; /*margin-top: 30px;*/ display: block; position: absolute; bottom: 55px; }
.map_container .map_text_box .show_dates_box { background: #07306f; margin-top: 12px; height: 40px; line-height: 40px; padding: 0 18px; color: #fff; position: absolute; width: 100%; bottom: 0; }
.map_container .map_text_box .show_dates_box span { float: right; }
.map_container .map_link { color: #fff; position: absolute; right: 15px; margin-top: 10px; font-size: 12px; }

.footer { background: #3c3c3c; padding: 30px 0 60px; position: relative; }
.footer .footer_nav_title { color: #fff; font-size: 14px; font-weight: bold; text-transform:uppercase; }
.footer ul.footer_nav_list li { color: #fff; font-size: 12px; }
.bottom_logos_box { /*position: absolute; bottom: 63px;*/ clear: both; padding-top: 20px; }
.bottom_logos_box p { color: #fff; font-size: 12px; }
.past_events_box { display: none; }
.uptotop { position: absolute; bottom: 0; right: 30px; }
.button_box { clear: both; margin-top: 60px; text-align: center; }
.button_box a { background: #00aeeb; width: 270px; height: 50px; line-height: 45px; text-align: center; display: inline-block; color: #fff; font-size: 18px; border-radius: 5px; }
.button_box a * { vertical-align: middle; }
.button_box a img { margin-right: 12px; }

.next_events_box { float: left; width: 25%; background: #0d47a1; color: #fff; height: 306px; padding: 15px; padding-top: 160px; }
.next_events_box p { font-size: 12px; margin-bottom: 0; }
.next_events_box h1 { color: #fff; margin: 0; font-size: 67px; line-height: 55px; }


.events_art_container { background: #f5f5f5; padding: 27px; padding-bottom: 50px; float: left; width: 100%; }
.events_art_container h4 { color: #009ddf; }
.events_art_container dl { float: left; width: 100%; margin: 0 0 10px; }
.events_art_container dl dt { float: left; width: 35%; font-weight: normal; font-size: 14px; }
.events_art_container dl dd { float: left; width: 65%; font-size: 14px; }
.events_art_container .iwant_sign { display: block; width: 125px; height: 35px; line-height: 35px; clear: both; margin: 0 auto; background: #00aeeb; border-radius: 3px; color: #fff; text-align: center; }
.events_art_container .iwant_sign i { margin-right: 20px; }

/******** 2017/11/29 ********/
.sign_form_box { padding: 30px 0px; }
.sign_form_box p span:first-child { width: 95px; display: inline-block; }
.comm_table { margin-top: 20px; margin-bottom: 100px; }
.comm_table tr td { height: 50px; line-height: 50px; color: #002857; font-size: 16px; }
.comm_table tr td:first-child { width: 50px; text-align: center; }
.comm_table tr:nth-child(odd) td { background: #e9f1f5; }
.comm_table tr td a p { margin: 0; color: #002857; }
.comm_table tr td i { color: #00aeeb; }

ul.comm_dl_list li { background: #f9f9f9; position: relative; padding-left: 380px; height: 170px; padding-top: 40px; margin-bottom: 30px; box-sizing: border-box; }
ul.comm_dl_list li p { color: #002857; font-size: 18px; }
ul.comm_dl_list li p i { color: #00aeeb; font-size: 16px; margin-right: 10px; }
ul.comm_dl_list li img { width: 347px; position: absolute; left: 0; top: 0; }
.download_center_btns { background: #fff; border: #00aeeb 1px solid; width: 125px; height: 35px; line-height: 35px; padding-left: 10px; color: #00aeeb; display: inline-block; text-align: center; position: relative; margin: 0 5px 0 0; border-radius: 5px;}
.download_center_btns i { position: absolute; left: 10px; }


/**************** 关于AICM文章相关 *******************/
.frame_warp{position: relative; width: 640px; text-align: left; margin: 0 auto;}
.frame_warp ul{list-style: none;margin:0;padding:0;}
.frame_warp ul li.h2{text-align:center;color: #346879;font-size: 16px;padding:5px 0;list-style: none;width: 100%; word-break: keep-all; margin: 0;}
.frame_warp ul li{color: #595757;font-size: 12px;padding:5px 0;list-style: disc inside; text-overflow: ellipsis; border-bottom: 1px dashed #ccc;}
.frame_warp ul .f_title{color:#346879;font-size: 16px;}
.frame_warp .framework1{position: relative;width: 127px;margin-left:33px;margin-right: 10px;float: left;}
.frame_warp .frame_cwork{position: relative; width: 213px;float: left;margin:0 10px 0 0;padding-bottom: 35px;}
.frame_warp .frame_cwork .frame_float{position: absolute;bottom:0;left:8px;}
.frame_warp .framework2{position: relative;width: 40%;float: left;}
.frame_warp .framework3{position: relative;width:50%;float:right;}
.frame_warp .framework4{position: relative; width:126px;float: left;margin:0 10px 0 0;}
.frame_warp .framework5{position: relative; width:97px;float: left;}
.frame_warp .framework3{width: 52%;}
.frame_warp .framework3 li{list-style: disc;}
.framework4 li{ width: 60%;margin:0 auto;}
.article_date{ text-align:right; font:14px/26px; color:#999;}
.activities_title{ height:32px; line-height:32px; padding-left:35px; font-size:16px; color:#fff; background:url(../images/ico/title_dot.jpg) 15px center no-repeat #1e5f81;}
.regulation{ line-height:24px; padding:10px; font-size:14px; color:#666; }
.regulation h3, .regulation dt{ text-align:center; }
.regulation h3{ margin-bottom:20px; font-size:20px; }
.regulation h3 span{ display:block; font-size:14px; }
.regulation dt, .regulation ul, .regulation ol{ margin-bottom:20px; }
.regulation p{ margin-bottom:20px; }
.regulation ol{ padding-left:30px; }
.contact_bj{ min-height:190px; margin-bottom:10px; background:url(../images/ico/bg.jpg) right top no-repeat #f8f8f8; }
.contact_sh{ min-height:170px; margin-bottom:200px; background:url(../images/ico/sh.jpg) right top no-repeat #f8f8f8; }
.contact dt, .contact dd{ padding:0 10px; font-size:14px; }
.contact dt{ padding-top:3px; padding-bottom:10px; margin-bottom:5px; background:url(../images/ico/line.jpg) left bottom no-repeat; }
.contact dt h3{ font:20px/30px; color:#1e5f81; padding-left:25px; background:url(../images/ico/list_dot.jpg) 10px 16px no-repeat; }
.contact dt p{ font:14px/20px; }
.contact dd li{ height:24px; line-height:24px; }
/**************** 关于AICM文章相关 *******************/

.content .content_event_list_box .event_list_table tr td { position: relative; }
.content .content_event_list_box .event_list_table tr td i.icon-weibiaoti11 { position: absolute; font-size: 20px; left: 0; top: 5px; line-height: 20px; margin: 0 5px; }
.download li { width: 33%; float: left; text-align: center; padding: 24px 32px; height: 320px !important; }
.download li img { border: 1px solid #bdbdbd; height: 150px !important; width: 150px !important; border-radius: 50%; min-height: 150px !important; }

#logos_swp .swiper-slide ul li img { max-height: 70px; }

#banner_swp { height: auto; overflow: hidden; }

.event_list_more { float: right; margin-top: 15px; }
.event-list-box {margin-top: 10px;}

@media (max-width: 768px) {
	.pcpc { display: none; }
	.mmmm { display: block; }
	.content .content_title.tac { text-align: left; padding-left: 15px; margin-top: 35px; margin-bottom: 8px; }
	.blue { background: #fff; }
	.container.white { padding: 25px 15px; }

	#banner_swp { height: auto; overflow: hidden; }
	.content { padding: 25px 0; }
	.content ul.uk-subnav.user_nav.el li { margin: 0 20px; width: auto; }
	.banner_box { width: 100%; height: 50vw; }
	.footer.bottom { position: absolute; width: 100%; bottom: 0; }
	video { max-width: 100%; }
	.committeeBoxLeft { float: none; width: 100%; }

	.top { display: none; }
	.head { display: none; }
	.head_m { display: block; height: 49px; line-height: 49px; }
	.head_m img { vertical-align: middle; max-height: 45px; width: auto; }
	.head_m .head_m_nav_box { position: absolute; right: 0; top: 0; height: 49px; }
	.head_m .head_m_nav_box * { vertical-align: middle; }
	.head_m .head_m_nav_box i { font-size: 20px; color: #00aeeb; margin: 0 5px; }
	.head_m .head_m_nav_box button { display: inline-block; width: 49px; height: 49px; background: #00aeeb url(../images/mobile_nav_icon.png) center center no-repeat; background-size: 40%; border: none; }
	.uk-offcanvas-bar { width: 70%; background: #f7f5f0; }
	.mobile_searchbox { border-bottom: #00aeeb 1px solid; padding: 10px; }
	.mobile_searchbox * { vertical-align: middle; }
	.mobile_searchbox input[type="text"] { height: 49px; line-height: 49px; border: #ccc 1px solid; background: #fff; border-radius: 5px; padding: 0 5px; width: 70%; margin-right: 2%; }
	.mobile_searchbox input[type="button"] { height: 49px; line-height: 49px; border: none; background: #00aeeb url(../images/mobile_search_icon.png) center center no-repeat; background-size: 50%; border-radius: 5px; width: 25%; }
	.mobile_navbox { padding: 10px; }
	.mobile_navbox input[type="button"] { height: 40px; line-height: 40px; border: none; background: #00aeeb; border-radius: 5px; display: block; color: #fff; text-align: center; width: 100%; margin-top: 10px; }
	.uk-nav-offcanvas>li>a { color: #00aeeb; font-size: 14px; border-bottom: #d9d9d9 1px solid; }
	html .uk-nav.uk-nav-offcanvas>li.uk-active>a { background: #00aeeb; }
	.uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover { background: #00aeeb; }
	.uk-nav-offcanvas ul a { color: #00aeeb; }
	#banner_swp_bp { display: none; }
	#banner_swp_bn { display: none; }
	.content { margin-top: 15px; }
	.content .content_event_box { max-height: 80px; overflow: hidden; margin-bottom: 15px; }
	.content .content_event_box p { /*background: none;*/ font-size: 14px; height: 30px; line-height: 30px; }
	.content .content_title { margin-top: 30px; margin-bottom: 22px; font-size: 18px; line-height: 18px; }
	.content_event_list_box { margin: 0 -15px; }
	.content_event_list_month_box { display: none; }
	#year { height: 0px; overflow: hidden; margin-top: 0; }
	#month { height: 21px; margin-top: 15px; }
	.content .content_event_list_box .content_event_list_year_box .content_event_list_year_left { top: 0; left: 3%; }
	.content .content_event_list_box .content_event_list_year_box .content_event_list_year_right { top: 0; right: 3%; }
	.content .content_event_list_box .content_event_list_year_box i { font-size: 14px; }
	#event_month_swp .swiper-slide a.onthis { border: #cdcdcd 1px solid; color: #000; }
	.pc_list_date { display: none; }
	.moblie_list_date { display: block; }
	.moblie_list_date em { display: inline-block; color: #a1c1d4; font-size: 24px; line-height: 25px; text-align: center; margin: 0 5px; }
	.moblie_list_date em:last-child { color: #00aeeb; }
	.moblie_list_date em span { font-size: 12px; display: block; line-height: 12px; text-transform:uppercase; }
	.content .content_event_list_box .event_list_table tr td:first-child i { margin: 0 -8px; }
	.content .content_event_list_box .event_list_table tr td:last-child { font-size: 12px; }
	#news_index_swp_pag,#news_content_swp_pag { top: -30px; }
	#news_index_swp_pag .swiper-pagination-bullet,#news_content_swp_pag .swiper-pagination-bullet { width: 5px; height: 5px; }
	.content .news_index_box { height: auto; float: none; width: 100%; }
	.content .news_index_box .news_index_box_content p { height: auto; padding-bottom: 10px; }
	.events_review_container .events_review_box { width: 100%; margin-bottom: 10px; }
	.events_review_container.home .events_review_box { width: 100%; margin-bottom: 10px; }
	.events_review_container .events_review_box .events_review_detil p { font-size: 12px; line-height: 15px; }
	#in_eyes { display: none; }
	.past_events_box,.next_events_box { display: block; background: #0d47a1; padding: 15px; color: #fff; padding-top: 54px; width: 100%; height: auto; }
	.past_events_box p,.next_events_box p { font-size: 12px; margin-bottom: 0; }
	.past_events_box h1,.next_events_box h1 { color: #fff; margin: 0; font-size: 50px; }
	.content .download_center_box { margin-bottom: 15px; }
	.content .download_center_box .download_center_content p { font-size: 14px; }
	.content .download_center_box .download_center_content .download_center_btns { width: 105px; font-size: 12px; }
	.content .download_center_bigbox { width: 100%; margin-top: 0; margin-bottom: 15px; }
	.content .download_center_bigbox .download_center_bigbox_con { padding: 20px; }
	.content .download_center_bigbox .download_center_bigbox_con h1 { font-size: 23px; }
	.content .download_center_bigbox .download_center_bigbox_con input[type="button"] { width: 90px; height: 27px; line-height: 27px; font-size: 12px; }
	.content .monthly_member_box { padding: 10px; padding-top: 58%; height: auto; border: none; background: #f1f5f7; }
	.content .monthly_member_box p { margin-bottom: 0px; }
	.content .monthly_member_box #mm_swp { width: 100%; }
	.content .monthly_member_box .mm_left_img { width: 100%; }
	.map_container { display: none; }
	.pc_bottom_nav { display: none; }
	.footer { padding: 20px 15px; }
	.bottom_logos_box { position: static; }
	.bottom_logos_box img { display: none; }
	.bottom_logos_box p { margin: 0; }
	.content .content_event_list_box .event_list_table.home tr td:first-child { width: 30%; }
	.content ul.uk-subnav.user_nav { margin-left: 0; }
	.content ul.uk-subnav.user_nav li { width: 33%; padding: 0; text-align: center; }
	.user_info_box { width: 100%; margin: 0; margin-bottom: 10px; }
	.content .log_reg_box { width: 100% !important; padding: 0 15px; box-sizing: border-box; }

	ul.comm_dl_list li { padding: 10px; height: auto; }
	ul.comm_dl_list li img { position: relative; width: 100%; }

	.user_info_box h1.mb32 { margin-bottom: 0px; }

	.content .content_event_list_box .event_list_table tr td:first-child { width: 15%; padding: 0 20px; }

	.content ul.news_list li img { width: 100%; height: auto; margin-right: 0; float: none; }
	.content ul.news_list li h1 { margin-top: 10px; }
	.content ul.news_list li span { position: static; margin-top: 10px; display: inline-block; }

	.uk-text-right {text-align: left !important;}

	.content .content_event_list_box .event_list_table tr td:last-child p { line-height: 18px; max-width: 70vw; }
	.content .content_event_list_box .event_list_table tr td:last-child span { max-width: 50vw; }
	.content .content_event_list_box .event_list_table tr td i.icon-weibiaoti11 { font-size: 20px; margin-left: 5px; }

	#logos_swp_m .swiper-slide ul li { text-align: center; height: 70px; line-height: 70px; float: left; width: 33%; }
	#logos_swp_m .swiper-slide ul li * { vertical-align: middle; }
	#logos_swp_m .swiper-slide ul li img { width: 80%; }
	#logos_swp_m .swiper-slide ul li img { max-height: 70px; }

	.download li { width: 100%; text-align: center; padding: 24px 32px; height: auto !important; }
	.download li img { border: 1px solid #bdbdbd; height: 150px !important; width: 150px !important; border-radius: 50%; min-height: 150px !important; }
}

/* 关于“责任关怀” Alex 2020-05-27 */
.article_responsible_care {}
.article_responsible_care > .toptab {height: 60px; background: #009684 url("../images/zrgh_tab.jpg") 0 0 no-repeat; background-size: 100% 100%; margin: 50px 0 80px; padding: 0; display: flex; justify-content: space-around;}
.article_responsible_care > .toptab > .click_tab {width: 80px; height: 80px; position: relative; border:5px solid #008c8d; border-radius: 50%; margin-top: -10px; background: #fff url("../images/zrgh_tab2.jpg") center center no-repeat; background-size: 100% 100%; cursor: pointer; transition: all 0.2s;}
.article_responsible_care > .toptab > .click_tab:first-child {border-color:#009b7f; background: #fff url("../images/zrgh_tab1.jpg") center center no-repeat; background-size: 100% 100%;}
.article_responsible_care > .toptab > .click_tab:last-child {border-color:#007e99; background: #fff url("../images/zrgh_tab3.jpg") center center no-repeat; background-size: 100% 100%;}
.article_responsible_care > .toptab > .click_tab.active,
.article_responsible_care > .toptab > .click_tab.onthis {transform:scale(1.1,1.1); transition: all 0.2s;}
.article_responsible_care > .toptab > .click_tab > span {display: block; width: 100%; text-align: center; position: absolute; left: 0; top: 85px;}

.article_responsible_care > .tab_box > .row .general_rc {padding: 0 20px 0 32%; margin-bottom: 30px; position: relative; margin-top: 34px;}
.article_responsible_care > .tab_box > .row .general_rc::before {content: ''; display: block; width: 22%; height: 100%; position: absolute; left: 20px; top:-17px; background: url("../images/zrgh_icon_1.gif") 0 0 no-repeat; background-size: 100%;}
.article_responsible_care > .tab_box > .row .general_rc > .title_bpx {height: 50px; line-height: 50px; background: #2ea7bd; border-radius: 8px; color: #fff; padding: 0 20px; position: relative; margin-bottom: 20px;}
.article_responsible_care > .tab_box > .row .general_rc > .title_bpx > span {position: relative;}
.article_responsible_care > .tab_box > .row .general_rc > .title_bpx::before {content: ''; display: block; width: 30px; height: 30px; background: #2ea7bd; transform: rotate(45deg); position: absolute; left: -1px; top: 10px;}
.article_responsible_care > .tab_box > .row .general_rc > .content_box {padding-left: 20px; color: #2ea7bd;}

.article_responsible_care > .tab_box > .row .general_rc.bk2::before {background: url("../images/zrgh_icon_2.gif") 0 0 no-repeat; background-size: 100%;}
.article_responsible_care > .tab_box > .row .general_rc.bk2 > .title_bpx {background: #2280c3;}
.article_responsible_care > .tab_box > .row .general_rc.bk2 > .title_bpx::before {background: #2280c3;}
.article_responsible_care > .tab_box > .row .general_rc.bk2 > .content_box {color: #2280c3;}

.article_responsible_care > .tab_box > .row .tools {background: url("../images/zrgh_t2_1.png") 0 0 no-repeat; background-size: 100%; margin: 0; height: calc(100vw / 750 * 230); font-size: 12px; line-height: 140%; position: relative;}
.article_responsible_care > .tab_box > .row .tools > .contact_box {position: absolute; left: 23%; top: calc(100vw / 750 * 75);}
.article_responsible_care > .tab_box > .row .tools > .contact_box > .t_box {}
.article_responsible_care > .tab_box > .row .tools > .contact_box > h3 {padding: 0; margin: 0; font-weight: bold;}
.article_responsible_care > .tab_box > .row .tools > .contact_box > .c_box {}
.article_responsible_care > .tab_box > .row > div:nth-child(even) > .tools {background: url("../images/zrgh_t2_2.png") 0 0 no-repeat; background-size: 100%; margin: 0;}
.article_responsible_care > .tab_box > .row > div:nth-child(even) > .tools > .contact_box {left: 8%;}

.article_responsible_care > .tab_box > .row .z_news_box {color: #fff; background: #009ddf; padding: 30px; text-align: center; margin-bottom: 20px;}
.article_responsible_care > .tab_box > .row .z_news_box > p {word-break:break-all; word-wrap:break-word; min-height: 55px;}
.article_responsible_care > .tab_box > .row .z_news_box > a {display: block; width: 90%; height: 40px; line-height: 40px; text-align: center; background: #fff; color: #009ddf; margin: 0 auto; border-radius: 5px;}

@media (min-width: 768px) {
	.article_responsible_care > .toptab {height: 80px; padding: 0 70px; margin: 100px 0 120px;}
	.article_responsible_care > .toptab > .click_tab {width: 120px; height: 120px; border:10px solid #008c8d; margin-top: -20px;}
	.article_responsible_care > .toptab > .click_tab > span {top: 120px;}

	.article_responsible_care > .tab_box > .row .general_rc::before {top:-34px;}

	.article_responsible_care > .tab_box > .row .tools {margin: 0 0 0 20px; font-size: 13px; line-height: 170%; height: 150px;}
	.article_responsible_care > .tab_box > .row .tools > .contact_box {left: 120px; top: 60px;}
	.article_responsible_care > .tab_box > .row > div:nth-child(even) > .tools {margin: 0 20px 0 0;}
	.article_responsible_care > .tab_box > .row > div:nth-child(even) > .tools > .contact_box {left: 40px;}
	.article_responsible_care > .tab_box > .row > div:nth-child(odd) > .tools {margin-top: -48px;}
	.article_responsible_care > .tab_box > .row > div:nth-child(2) > .tools {margin-top: 48px;}
	.article_responsible_care > .tab_box > .row > div:first-child > .tools {margin-top: 0;}
}



/*********  2022 new index & pad hank *********/
.row.new {padding-bottom: 120px;}
.row.index {position: relative; display: -webkit-flex; display: flex;}
.row.index1 {position: relative;}
/*.row.index:before {content: ''; position: absolute; width: 100%; height: 0; border-bottom: #eaeaeb 1px solid; top: 80px; left: 0;}*/
/*.row.index:after,.row.index1:after {content: ''; position: absolute; width: 0; height: 100%; border-left: #eaeaeb 1px solid; top: 0; left: 50%;}*/
.content .row.new .content_title {position: relative;}
.content .row.new .content_title:before { content: ''; position: absolute; width: 140px; border-bottom: #f47b20 4px solid; bottom: -20px; }
.content .row.new .content_title.empty:before {display: none;}

@media (min-width: 768px) and (max-width: 1023px) {
	/*.container { width: 970px; }*/
	.head ul.nav {max-width: 60% !important;}
	.banner_box {width: 100%; height: 30vw;}
	.row.new {padding-bottom: 60px;}
	.row.index {position: relative; display: block;}
	.row.index:before {display: none;}
	.row.index:after {display: none;}
	.row.new .col-md-3 {width: 50%; float: left;}
	.row.new .col-md-4 {width: 33.333%; float: left; padding: 0;}
	.content .content_event_box {max-height: inherit;}
	.content .content_event_box p {height: 40px; line-height: 40px; font-size: 18px; padding-left: 10px;}
	.content .download_center_box {margin-bottom: 20px;}
	.content .download_center_box .download_center_content {padding: 10px;}
	.content .download_center_box .download_center_content .download_center_btns {margin-top: 10px; margin-bottom: 0;}
	.content .content_event_list_box .event_list_table tr td:first-child {font-size: 20px;}
	.events_art_container dl dt {width: 95px;}
	.events_art_container dl dd {width: 60%;}
	.pc_bottom_nav {display: -webkit-flex; display: flex;}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.content .download_center_box .download_center_content {padding: 10px;}
	.content .download_center_box .download_center_content .download_center_btns {width: 80px;}
}

@media (min-width: 1200px) {
	#banner_swp { height: 220px; overflow: hidden; }
}

.content .blue_bg_box .news_index_box {width: 100%;}

.head {padding: 0; display: -webkit-flex; display: flex; align-items: center;}
.head-box {display: -webkit-flex; display: flex; align-items: center;}
.head-box > a {display: block; margin-right: 20px;}
.head ul.nav {flex: 1; width: auto; max-width: inherit; position: static; margin: 0; display: -webkit-flex; display: flex; justify-content: space-between;}
.head ul.nav:before {display: none;}
.head ul.nav>li {float: none; margin-right: 0; font-size: 20px;}
.uk-open:before {content: ''; position: absolute; width: 100px; height: 0; border-bottom: #f47b20 4px solid; left: 0; bottom: -38px;}
.uk-open .uk-dropdown-navbar {animation: none;}
.uk-dropdown {position: fixed; width: 100vw; -webkit-transform: translate(0, 126px); transform: translate(0, 126px);}
.uk-dropdown > div {display: -webkit-flex; display: flex; justify-content: space-between;}
.uk-dropdown > div:before,.uk-dropdown > div:after {display: none;}
.uk-dropdown .uk-nav {margin: 0; width: 30%;}
.uk-nav-side > li > a {font-size: 18px; margin-bottom: 10px;}
.uk-nav-parent-icon > .uk-parent > a:after {display: none;}
.events_review_container .events_review_box .events_review_detil {padding: 20px; bottom: 0; top: inherit;}
.events_review_container .events_review_box .events_review_detil p {font-size: 20px; padding: 0; margin: 0;}
#news_index_swp_pag, #news_content_swp_pag {top: -40px;}
.content .news_index_box {height: auto; position: relative; background-color: #fff;}
.content .news_index_box .news_index_box_content {padding: 20px 10px;}
.content .news_index_box.new {width: 100%; float: none; border-right: none;}
.content .news_index_box.new .news_index_box_imgbox {height: 220px;}
.content .news_index_box .news_index_box_content > a.read-more {position: absolute; bottom: 10px;}
.all-btn {margin: 0 auto; width: 110px; height: 30px; line-height: 30px; border-radius: 30px; text-align: center; color: #333; border: #333 1px solid; position: relative; background-color: #fff; z-index: 2; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}
.all-btn:hover {background-color: #f47b20; border-color: #f47b20; color: #fff;}
.all-btn:before {content: ''; width: 20px; height: 20px; background-image: url("../images/right_arr_icon.png"); background-size: 100%; background-repeat: no-repeat;}
.all-btn:hover:before {background-image: url("../images/right_arr_icon_w.png"); background-size: 100%; background-repeat: no-repeat;}
ul.comm_dl_list.index li {height: auto; display: -webkit-flex; display: flex; padding: 0; align-items: center; margin-bottom: 20px;}
ul.comm_dl_list.index li img {width: 50%; position: static; margin-right: 20px;}
ul.comm_dl_list.index li p {font-size: 16px;}
.content .download_center_bigbox {width: 100%; float: none; margin-top: 0;}
.content .download_center_bigbox .download_center_bigbox_con {padding: 20px;}

.content .download_center_list {display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; margin: 20px 0;}
.content .download_center_list > p {font-size: 20px; margin: 0; padding: 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


@media (max-width: 768px) {
	.head {display: none;}

	.row.new {padding-bottom: 40px;}
	.row.index {position: relative; display: block;}
	.row.index:before {display: none;}
	.row.index:after {display: none;}
	.content .row.new .content_title:before { border-bottom: #f47b20 2px solid;}
	.row.new .col-md-3 {width: 50%; float: left;}
	.content .download_center_box .download_center_content {padding: 10px;}
	.content .download_center_box .download_center_content .download_center_btns {margin-top: 10px; margin-bottom: 0;}
	.content .content_title {font-size: 24px;}
	.content .content_title.tac {margin-bottom: 22px;}

	.content .content_title {margin-bottom: 20px; padding-bottom: 20px; border-bottom: #eaeaeb 1px solid;}
	.content .row.new .content_title.empty {border-bottom: none; margin-top: 0;}
	.content .row.new .content_title:before {bottom: 0;}
	.content .news_index_box.new .news_index_box_imgbox {height: auto;}
	.content .news_index_box {height: auto;}
	.events_review_container {float: none;}

	ul.comm_dl_list.index li {flex-direction: column; align-items: flex-start;}
	ul.comm_dl_list.index li > div {padding: 10px;}
	ul.comm_dl_list.index li img {width: 100%; margin-bottom: 10px; margin-right: 0;}

	.content .news_index_box .news_index_box_content {padding-bottom: 20px; margin-bottom: 10px;}
	.content .news_index_box .news_index_box_content > a.read-more {bottom: 0;}
	.content .download_center_list {margin: 10px 0;}
	.content .download_center_list > p {font-size: 14px;}
}
















